<ol class="breadcrumb newcrumb">
    <li>
        <a href="#">
            <span><i class="fa fontello-home-outline"></i>
            </span>Special Pages</a>
    </li>
    <li class="active">Shop List</li>
</ol>



<div class="row">
   <div class="col-lg-7 col-md-7">
        <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x320" alt="">
        </a>
    </div>
    <div class="col-lg-5 col-md-5">
        <h3>Item One</h3>
        <h4>Subheading
            <strong class="pull-right ">$23,45</strong>
        </h4>
        <hr class="border-gray">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
        <hr class="border-gray">
        <a class="btn bg-green" href="#">
            <span class="fontello-basket"></span>Order</a>
        <div style="padding: 10px 0 0 0" class="pad ratings text-red pull-right">
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa  fa-star-half-o"></span>

            </p>
        </div>
    </div>
</div>

<hr>

<div class="row">
   <div class="col-lg-7 col-md-7">
        <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x320" alt="">
        </a>
    </div>
    <div class="col-lg-5 col-md-5">
        <h3>Item Two</h3>
        <h4>Subheading
            <strong class="pull-right ">$24,45</strong>
        </h4>
        <hr class="border-gray">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
        <hr class="border-gray">
        <a class="btn bg-green" href="#">
            <span class="fontello-basket"></span>Order</a>
        <div style="padding: 10px 0 0 0" class="pad ratings text-red pull-right">
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa  fa-star-half-o"></span>

            </p>
        </div>
    </div>
</div>

<hr>
<div class="row">
    <div class="col-lg-7 col-md-7">
        <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x320" alt="">
        </a>
    </div>
    <div class="col-lg-5 col-md-5">
        <h3>Item Three</h3>
        <h4>Subheading
            <strong class="pull-right ">$22,45</strong>
        </h4>
        <hr class="border-gray">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
        <hr class="border-gray">
        <a class="btn bg-green" href="#">
            <span class="fontello-basket"></span>Order</a>
        <div style="padding: 10px 0 0 0" class="pad ratings text-red pull-right">
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa  fa-star-half-o"></span>

            </p>
        </div>
    </div>
</div>

<hr>

<div class="row">
    <div class="col-lg-7 col-md-7">
        <a href="#">
            <img class="img-responsive" src="http://placehold.it/700x320" alt="">
        </a>
    </div>
    <div class="col-lg-5 col-md-5">
        <h3>Item Four</h3>
        <h4>Subheading
            <strong class="pull-right ">$21,45</strong>
        </h4>
        <hr class="border-gray">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
        <hr class="border-gray">
        <a class="btn bg-green" href="#">
            <span class="fontello-basket"></span>Order</a>
        <div style="padding: 10px 0 0 0" class="pad ratings text-red pull-right">
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa fa-star"></span>
            <span class="fa  fa-star-half-o"></span>
            </p>
        </div>
    </div>
</div>

<hr>

<hr>

<div class="row text-center">

    <div class="col-lg-12">
        <ul class="pagination">
            <li><a href="#">&laquo;</a>
            </li>
            <li class="bg-green active"><a href="#">1</a>
            </li>
            <li><a href="#">2</a>
            </li>
            <li><a href="#">3</a>
            </li>
            <li><a href="#">4</a>
            </li>
            <li><a href="#">5</a>
            </li>
            <li><a href="#">&raquo;</a>
            </li>
        </ul>
    </div>

</div>
